<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <meta content="歪秀购物, 购物, 大家电, 手机" name="keywords">
    <meta content="歪秀购物，购物商城。" name="description">
    <title>我的订单</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/member.css}">
    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <style>

        .vcenter {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .member-circle .ci7 {
           margin-bottom: 0px
        }
        .member-circle .ci6{
            width:116px;
        }
    </style>
    <script>


        function logout() {
            $.ajax({
                url: "/user/logout",
                dataType: "json",
                data: {},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('退出成功', {time: 1000}, function () {
                            window.location = "index";
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('您还没有登录哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        $(document).ready(function () {
            var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if (data == 'notNull') {
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%', '60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                } else {
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%', '20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });
        function evaluate(orderId,specificationId,type){
            layer.open({
                type: 2,
                title: '我的评价',
                shadeClose: true,
                area: ['25%', '56%'],
                offset: ['23%', '38%'],
                content: '/fillEvaluate?orderId='+orderId+'&specificationId='+specificationId+'&type='+type, //iframe的url
            });
        }
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
        });
        $(function () {

            $("#H-table li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over").hide();
                        $(".H-over:eq(" + _index + ")").show();
                    }
                })(i));
            });
            $("#H-table1 li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over1").hide();
                        $(".H-over1:eq(" + _index + ")").show();
                    }
                })(i));
            });
        });
        layui.use(['laypage', 'layer'], function () {
            var laypage = layui.laypage
                , layer = layui.layer;

        });
    </script>
    <script>
        // $(function () {
        //     if([[${test}]]==){
        //         alert('空');
        //     }
        // });
        //删除订单
        function delOrder(orderId) {
            layer.confirm('确定要删除此订单吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                $.ajax({
                    url: "/orders/delOrder",
                    dataType: "json",
                    data: {"orderId": orderId},
                    async: false,
                    success: function (data) {
                        if (data["result"] == "ok") {
                            layer.msg('删除成功', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('删除失败', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "userError") {
                            layer.msg('您不可以删除别人的订单哦', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                window.location = "login";
                            });
                        } else {
                            layer.msg('系统错误', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }
                    },
                    type: "post"
                });
            }, function () {
                // layer.msg('已取消', {time: 1000});
            });
        }

        //撤销申请
        function undoService(orderId) {
            layer.confirm('确定要撤销此订单的售后申请吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                $.ajax({
                    url: "/orders/undoService",
                    dataType: "json",
                    data: {"orderId": orderId},
                    async: false,
                    success: function (data) {
                        if (data["result"] == "ok") {
                            layer.msg('撤销成功', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('撤销失败', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "userError") {
                            layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                window.location = "login";
                            });
                        } else {
                            layer.msg('系统错误', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }
                    },
                    type: "post"
                });
            }, function () {
                // layer.msg('已取消', {time: 1000});
            });
        }

        //查看售后结果
        function lookServiceResult(orderId) {
            $.ajax({
                url: "/orders/lookServiceResult",
                dataType: "json",
                data: {"orderId": orderId},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.confirm(data["res"], {
                            title: '处理结果为：',
                            btn: ['我有疑问', '我知道了'] //按钮
                        }, function () {
                            layer.msg('请联系管理员', {time: 1000});
                        }, function () {
                            // layer.msg('已取消', {time: 1000});
                        })
                    } else if (data["result"] == "noResult") {
                        layer.msg('该订单还没有处理结果，请耐心等待哦~', {time: 1000}, function () {
                        });
                    } else if (data["result"] == "notok") {
                        layer.msg('该订单还未处理结束，请耐心等待哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        //再次购买
        function buyAgain(ordersId) {
            window.location = "ByOrdersFill?orderId=" + ordersId;
        }

        //评价
        function evaluation(ordersId) {
            layer.msg('正在开发', {time: 1000}, function () {
            });
        }

        //催单
        function urge(ordersId) {
            layer.msg('催单成功，请您耐心等待哦~', {time: 1000}, function () {
            });
        }

        //提醒发货
        function remainSend(ordersId) {
            layer.msg('提醒成功，请您耐心等待哦~', {time: 1000}, function () {
            });
        }

        //确认收货
        function lookLogistics(orderId) {
            $.ajax({
                url: "/orders/orderOk",
                dataType: "json",
                data: {"orderId": orderId},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('成功', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('失败', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "userError") {
                        layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        function payNow(orderId) {
            window.location = "ByOrdersFill?orderId=" + orderId;

        }

        function cancel(orderId) {
            layer.confirm('确定要取消此订单吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                $.ajax({
                    url: "/orders/cancelOrder",
                    dataType: "json",
                    data: {"orderId": orderId},
                    async: false,
                    success: function (data) {
                        if (data["result"] == "ok") {
                            layer.msg('取消成功', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('取消失败', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "userError") {
                            layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                window.location = "login";
                            });
                        } else {
                            layer.msg('系统错误', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }
                    },
                    type: "post"
                });
            }, function () {
                // layer.msg('已取消', {time: 1000});
            });
        }

        //退款
        function refund(orderId) {
            //prompt层
            $.ajax({
                url: "/orders/orderIsInService",
                dataType: "json",
                data: {"orderId": orderId},
                async: false,
                success: function (data) {
                    if (data["result"] == "exist") {
                        layer.msg('该订单已经提交售后', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "userError") {
                        layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "unExist") {
                        layer.prompt({title: '请输入退款原因，并确认', formType: 2}, function (text, index) {
                            layer.close(index);
                            $.ajax({
                                url: "/orders/refund",
                                dataType: "json",
                                data: {"orderId": orderId, "applyReason": text},
                                async: false,
                                success: function (data) {
                                    if (data["result"] == "ok") {
                                        layer.msg('成功提交请求，请耐心等待处理结果', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    } else if (data["result"] == "changeOrderStatusfail") {
                                        layer.msg('改变订单状态失败，请联系管理员', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    } else if (data["result"] == "insServicefail") {
                                        layer.msg('售后表添加失败，请联系管理员', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    } else if (data["result"] == "orderStatusError") {
                                        layer.msg('订单状态有误，请联系管理员', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    } else if (data["result"] == "userError") {
                                        layer.msg('该订单不属于您哦~', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    } else if (data["result"] == "noSession") {
                                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                            window.location = "login";
                                        });
                                    } else {
                                        layer.msg('系统错误', {time: 1000}, function () {
                                            window.location.reload();
                                        });
                                    }
                                },
                                type: "post"
                            });
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }
    </script>
</head>
<body>

<input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null" th:href="@{/login}">请登录</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect?pageNum=1&pageSize=8}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null"><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a> <a
                            th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''"
                         onclick="javascript:window.location='myInfo'" style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix" style="padding:20px 0 20px ">
        <div class="header-logo fl"><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}" style="width:100px;height:80px;"><strong>淘淘商城</strong></a>
        </h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>
            <div class="words-text clearfix">
                <a th:href="@{/#}" class="red">1元秒爆</a>
                <a th:href="@{/#}">低至五折</a>
                <a th:href="@{/#}">农用物资</a>
                <a th:href="@{/#}">买一赠一</a>
                <a th:href="@{/#}">佳能相机</a>
                <a th:href="@{/#}">稻香村月饼</a>
                <a th:href="@{/#}">服装城</a>
            </div>
        </div>
        <div class="header-cart fr" th:if="${session.userId}!=null">
            <a th:href="@{/myCart?pageNum=1&pageSize=5}" target="_blank"
               style="height:30px;width:30px;float:right;margin-right:50px;"><img
                    id="test" src="../myFile/imgold/icon/car.png"></a>
            <i th:if="${session.cartIsNull}=='notNull'" class="head-amount" id="cartCountExist"
               th:text="${session.cartAllCount}"></i>
            <i th:if="${session.cartIsNull}=='null'" class="head-amount" id="cartCountUnExist">0</i>
        </div>
    </div>
</header>
<!-- header End -->

 <div class="containers"><div class="pc-nav-item"><a th:href="@{/index}">首页</a> &gt; <a th:href="@{#}">我的淘淘 </a> &gt; <a th:href="@{#}">我的订单</a> </div></div>

<!-- 商城快讯 begin -->
<section id="member">
    <div class="member-center clearfix">
        <div class="member-left fl">
            <div class="member-apart clearfix">
                <div class="fl"><a th:href="@{#}"><img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''"
                                                       onclick="javascript:window.location='myInfo'"></a></div>
                <div class="fl">
                    <p>昵称：</p>
                    <p><a th:href="@{/#}" th:text="${session.userName}"></a></p>
                </div>
            </div>
            <div class="member-lists">
                <dl>
                    <dt>我的淘淘</dt>
                    <dd class="cur"><a th:href="@{/myOrder?pageNum=1&pageSize=5}">我的订单</a></dd>
                    <dd><a th:href="@{/myCollect?pageNum=1&pageSize=8}">我的收藏</a></dd>
                    <dd><a th:href="@{/accountSecurity}">账户安全</a></dd>
                    <dd><a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a></dd>
                    <dd><a th:href="@{/myAddress}">地址管理</a></dd>
                    <dd><a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a></dd>
                </dl>
                <dl>
                    <dt>客户服务</dt>

                    <dd><a th:href="@{/request}">退货/退款记录</a></dd>
                </dl>
                <dl>
                    <dt>我的消息</dt>
                    <dd><a th:href="@{/#}">商城快讯</a></dd>
                    <dd><a th:href="@{/#}">帮助中心</a></dd>
                </dl>
            </div>
        </div>
        <div class="member-right fr">
            <div class="member-head" style="background:#fff">
                <div class="member-heels fl"><h2 style="color:black"><strong>我的订单</strong></h2></div>
            </div>
            <div class="member-whole clearfix">
                <ul id="H-table" class="H-table">
                    <li class="cur"><a th:href="@{#}">我的订单<em>(<span th:text="${ordersComSpeAddresses.size()}"></span>)</em></a>
                    </li>
                    <li><a th:href="@{#}">待付款<em>(<span th:text="${sc0}"></span>)</em></a></li>
                    <li><a th:href="@{#}">待发货<em>(<span th:text="${sc1}"></span>)</em></a></li>
                    <li><a th:href="@{#}">待收货<em>(<span th:text="${sc2}"></span>)</em></a></li>
                    <li><a th:href="@{#}">已完成<em>(<span th:text="${sc3}"></span>)</em></a></li>
                    <li><a th:href="@{#}">退款/售后<em>(<span th:text="${sc4}"></span>)</em></a></li>
                    <li><a th:href="@{#}">已取消<em>(<span th:text="${sc5}"></span>)</em></a></li>
                </ul>
            </div>
            <div class="member-border">
                <!--                全部订单-->
                <div class="member-return H-over">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}"
                                             th:if="${ocsa.orderStatus!=6}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">
                                                X<span th:text="${cs.commodityCount}"></span>

                                            </span>
                                            <div th:if="${ocsa.orderStatus}==3">
                                                <a class="gr3" th:if="${cs.isEvaluate}==0" style="padding: 10px;cursor: pointer;color: #EA4949"th:href="'javascript:evaluate('+${ocsa.ordersId}+','+${cs.specificationId}+',\'w\')'">写评价</a>
                                                <a  class="gr3"  th:if="${cs.isEvaluate}==1" style="padding: 10px;cursor: pointer;color: #1E9FFF"  th:href="'javascript:evaluate('+${ocsa.ordersId}+','+${cs.specificationId}+',\'l\')'">查看评价</a>
                                            </div>
                                        </div>

                                    </div>
                                    <div th:if="${ocsa.orderStatus}==0">
                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    正在等待买家付款
                                                </p>

                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:payNow('+${ocsa.ordersId}+')'">立即支付</a>
                                                <a th:href="'javascript:cancel('+${ocsa.ordersId}+')'">取消订单</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${ocsa.orderStatus}==1">
                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>正在等待卖家发货</p>
                                                <p><a th:href="'javascript:remainSend('+${ocsa.ordersId}+')'">提醒发货</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请退款</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${ocsa.orderStatus}==2">

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    正在派送的路上</p>

                                                <p><a th:href="'javascript:urge('+${ocsa.ordersId}+')'">我要催单</a></p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:lookLogistics('+${ocsa.ordersId}+')'">确认收货</a>
                                                <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请退款</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${ocsa.orderStatus}==3">
                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    交易已完成</p>
                                                <p>
                                                    <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请售后</a>

                                                </p>
                                                <p><a th:href="'javascript:evaluation('+${ocsa.ordersId}+')'">我要评价</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${ocsa.orderStatus}==4">
                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:if="${ocsa.service.serviceStatus}==0">
                                                    正在等待售后处理
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==1">
                                                    正在售后处理
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==2">
                                                    售后处理结束
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==2">
                                                    <!--<a th:href="'javascript:;'">售后评价</a>-->
                                                    <a th:href="'javascript:lookServiceResult('+${ocsa.ordersId}+')'">查看处理结果</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div th:if="${ocsa.service.serviceStatus}!=2">
                                                <a th:href="'javascript:undoService('+${ocsa.ordersId}+')'">撤销申请</a>
                                            </div>
                                            <div th:if="${ocsa.service.serviceStatus}==2">
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div th:if="${ocsa.orderStatus}==5">
                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div th:if="${ocsa.isServiced}=='no'">
                                                <p>已取消</p>
                                                <p>
                                                    <!--                                                    <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>-->
                                                </p>


                                            </div>
                                            <div th:if="${ocsa.isServiced}=='yes'">
                                                <p>
                                                    售后处理结束
                                                </p>
                                                <p>
                                                    <a th:href="'javascript:lookServiceResult('+${ocsa.ordersId}+')'">查看处理结果</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--              待付款-->
                <div class="member-return H-over" style="display:none;">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==0">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">X<span th:text="${cs.commodityCount}"></span></span>
                                        </div>

                                    </div>
                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    正在等待买家付款
                                                </p>

                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:payNow('+${ocsa.ordersId}+')'">立即支付</a>
                                                <a th:href="'javascript:cancel('+${ocsa.ordersId}+')'">取消订单</a>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--               待发货-->
                <div class="H-over return-over" style="display:none;">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==1">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">X<span th:text="${cs.commodityCount}"></span></span>
                                        </div>

                                    </div>

                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>正在等待卖家发货</p>
                                                <p><a th:href="'javascript:remainSend('+${ocsa.ordersId}+')'">提醒发货</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请退款</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--                待收货-->
                <div class="H-over member-return" style="display:none;">

                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==2">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">X<span th:text="${cs.commodityCount}"></span></span>
                                        </div>

                                    </div>
                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    正在派送的路上</p>

                                                <p><a th:href="'javascript:urge('+${ocsa.ordersId}+')'">我要催单</a></p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:lookLogistics('+${ocsa.ordersId}+')'">确认收货</a>
                                                <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请退款</a>
                                            </div>
                                        </div>


                                    </div>

                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--                已完成-->
                <div class="H-over member-return" style="display:none;">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==3">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">
                                                X<span th:text="${cs.commodityCount}"></span>
                                            </span>
                                            <div th:if="${ocsa.orderStatus}==3">
                                                <a class="gr3" th:if="${cs.isEvaluate}==0" style="padding: 10px;cursor: pointer;color: #EA4949"th:href="'javascript:evaluate('+${ocsa.ordersId}+','+${cs.specificationId}+',\'w\')'">写评价</a>
                                                <a  class="gr3"  th:if="${cs.isEvaluate}==1" style="padding: 10px;cursor: pointer;color: #1E9FFF"  th:href="'javascript:evaluate('+${ocsa.ordersId}+','+${cs.specificationId}+',\'l\')'">查看评价</a>
                                            </div>
                                        </div>

                                    </div>
                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p>
                                                    交易已完成</p>
                                                <p>
                                                    <a th:href="'javascript:refund('+${ocsa.ordersId}+')'">申请售后</a>

                                                </p>

                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*95+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>


                                    </div>

                                </div>
                            </li>

                        </ul>
                    </div>

                </div>
                <!--                退款/售后-->
                <div class="H-over member-return" style="display:none;">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">售后状态</span>
                        <span class="be2">售后操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==4">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">X<span th:text="${cs.commodityCount}"></span></span>
                                        </div>

                                    </div>
                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:if="${ocsa.service.serviceStatus}==0">
                                                    正在等待售后处理
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==1">
                                                    正在售后处理
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==2">
                                                    售后处理结束
                                                </p>
                                                <p th:if="${ocsa.service.serviceStatus}==2">
                                                    <!--                                                    <a th:href="'javascript:;'">售后评价</a>-->
                                                    <a th:href="'javascript:lookServiceResult('+${ocsa.ordersId}+')'">查看处理结果</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div th:if="${ocsa.service.serviceStatus}!=2">
                                                <a th:href="'javascript:undoService('+${ocsa.ordersId}+')'">撤销申请</a>
                                            </div>
                                            <div th:if="${ocsa.service.serviceStatus}==2">
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>


                                    </div>

                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--                已取消-->

                <div class="H-over member-return" style="display:none;">
                    <div class="member-cancel clearfix">
                        <span class="be1">订单信息</span>
                        <span class="be2">收货人</span>
                        <span class="be2">订单金额</span>
                        <span class="be2">订单时间</span>
                        <span class="be2">订单状态</span>
                        <span class="be2">订单操作</span>
                    </div>
                    <div class="member-sheet clearfix">
                        <ul th:each="ocsa :${ordersComSpeAddresses}" th:if="${ocsa.orderStatus}==5">
                            <li>
                                <div class="member-minute clearfix">
                                    <span th:text="${ocsa.orderDate}"></span>
                                    <span class="member-custom"><span>订单号：<em
                                            th:text="${ocsa.ordersId}"></em></span></span>
                                </div>
                                <div class="member-circle clearfix">
                                    <div class="ci1">
                                        <div class="ci7 clearfix" th:each="cs : ${ocsa.commoditySpecifications}">
                                           <span class="gr1">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <img th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''"
                                                        width="60" height="60" title="" about="">
                                               </a>
                                           </span>
                                            <span class="gr2"style="width:200px;height:50px;">
                                               <a th:href="'/commodityInfo?commodityId='+${cs.commodityId}+''">
                                                   <span th:text="${cs.name}"></span>&nbsp;
                                                   <span th:text="${cs.typeName}"></span>
                                               </a>
                                           </span>
                                            <span class="gr3"style="padding: 10px">X<span th:text="${cs.commodityCount}"></span></span>
                                        </div>

                                    </div>
                                    <div>

                                        <div class="ci2 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <img style="width: 15px;height: 15px"
                                                     src="/myFile/imgold/icon/member-u.png">
                                                <span th:text="${ocsa.receiver}"></span>
                                            </div>
                                        </div>

                                        <div class="ci3 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <b>￥<span th:text="${ocsa.sumPrice}"></span></b>
                                            </div>
                                        </div>
                                        <div class="ci4 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <p th:text="${ocsa.orderDate}"></p>
                                            </div>
                                        </div>
                                        <div class="ci5 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div th:if="${ocsa.isServiced}=='no'">
                                                <p>已取消</p>
                                                <p>
                                                    <!--                                                    <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>-->
                                                </p>


                                            </div>
                                            <div th:if="${ocsa.isServiced}=='yes'">
                                                <p>
                                                    售后处理结束
                                                </p>
                                                <p>
                                                    <a th:href="'javascript:lookServiceResult('+${ocsa.ordersId}+')'">查看处理结果</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="ci6 vcenter"
                                             th:style="' height:'+${ocsa.commodityCount}*85+'px;padding: 0px;border-right: 1px solid #e0e0e0;'">
                                            <div>
                                                <a th:href="'javascript:buyAgain('+${ocsa.ordersId}+')'">再次购买</a>
                                                <a th:href="'javascript:delOrder('+${ocsa.ordersId}+')'">删除订单</a>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </li>

                        </ul>
                    </div>
                </div>

<!--                <div class="member-troll clearfix" style="border-bottom: none"-->
<!--                     th:if="${commodityCollectComs}!='noCollect'">-->
<!--                    <div class="member-check clearfix fr">-->
<!--                        <a th:href="'javascript:upPage(\'searchPage?name='+${name}+'&type='+${type}+'&sort=\','+${pageNum}+','+${pageSize}+')'"-->
<!--                           style="background:url(/myFile/imgold/icon/s-a3.png) no-repeat left;color:#ea4949;width:60px;height:26px">上一页</a>-->
<!--                        <span class="pc-search-t"><input type="text" style="width:50px;height:22px" id="inputpageNum"-->
<!--                                                         th:value="${pageNum}"><em>&nbsp/</em><i-->
<!--                                th:text="${commodityPageCount}"></i></span>-->
<!--                        <a th:href="'javascript:toPage(\'searchPage?name='+${name}+'&type='+${type}+'&sort='+${sort}+'\','+${pageNum}+','+${pageSize}+','+${commodityPageCount}+',\'inputpageNum1\')'"-->
<!--                           style="color:#005aa0;background:#fff;border:1px solid #cccccc;width:60px;height:26px;">go</a>-->
<!--                        <a th:href="'javascript:nextPage(\'searchPage?name='+${name}+'&type='+${type}+'&sort='+${sort}+'\','+${pageNum}+','+${pageSize}+','+${commodityPageCount}+')'"-->
<!--                           style="background:url(/myFile/imgold/icon/s-a1.png) no-repeat right;color:#ea4949;width:60px;height:26px">下一页</a>-->
<!--                    </div>-->
<!--                </div>-->

            </div>
        </div>
    </div>
</section>
<!-- 商城快讯 End -->

<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d2.png"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d3.png"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-right:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">购物流程</a></li>
                <li><a th:href="@{/#}">会员介绍 </a></li>
                <li><a th:href="@{/#}">生活旅行</a></li>
                <li><a th:href="@{/#}"> 常见问题 </a></li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>